<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>VB作业自动评阅系统</title>

</head>
<body>
<div class="head">
    <h2>VB作业自动评阅系统</h2>Beta
</div>
<div class="capacity">
    <div id="sDiv" class="haha" style="float: left;">
        <a id="student" href="/stu/">我是学生</a>
    </div>
    <div id="tDiv" class="haha" style="float: right;">
        <a id="teacher" href="/adm/">我是老师</a>
    </div>
</div>
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#student').hover(function () {
            $('body').css("background-color", "black");
            $('#tDiv').css("background-color", "black");
            $('#student').css("font-size", "60px");
        }, function () {
            $('body').css("background-color", "white");
            $('#tDiv').css("background-color", "white");
            $('#student').css("font-size", "");

        });
        $('#teacher').hover(function () {
            $('body').css("background-color", "black");
            $('#sDiv').css("background-color", "black");
            $('#teacher').css("font-size", "60px");
        }, function () {
            $('body').css("background-color", "white");
            $('#sDiv').css("background-color", "white");
            $('#teacher').css("font-size", "");
        });
    });
</script>
<style>
    .head {
        width: 90%;
        text-align: center;
        line-height: 20px;
        padding: 5%;
    }
    .capacity {
        display: block;
        /* float: left; */
        width: 100%;
        /*padding: 2%;*/
        /*height: 100%;*/
    }

    .haha {
        display: block;
        width: 45%;
        height: 300px;
        text-align: center;
        border: 1px solid #000;
        padding: 15px;
        margin: 1%;
        line-height: 300px;
        background-color: white;
        font-size: 18px;
    }
    .haha a {
        text-decoration:none;
        color: black;
    }
</style>
</body>
</html>